<template>
    <div class="feedback-complaint-result">
        <span class="feedback-complaint-result__icon icon">&#xe63d;</span>
        <div class="feedback-complaint-result__text1">投诉成功</div>
        <div class="feedback-complaint-result__text2">感谢您的积极反馈，工作人员将联系您</div>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component({
    name: 'FeedbackComplaintResult',
})
export default class FeedbackComplaintResult extends Vue {}
</script>

<style lang="less">
@import "../../lib/style/mixins.less";

.feedback-complaint-result {
    text-align: center;
    &__icon {
        display: inline-block;
        padding-top: 20px;
        font-size: 60px;
        color: #E23B3D;
    }
    &__text1 {
        padding-top: 20px;
        .text-huge();
        .font-semi();
    }
    &__text2 {
        padding-top: 13px;
        .text-normal();
    }
}

</style>
